   $(document).ready(function(){
            
            var h2_index = 0;
            var h3_index = 0;
            var h4_index = 0;
            
            $('h2, h3, h4').each(function(){
                
                if ($(this).prop("tagName") == 'H2'){
                    h2_index++;
                    h3_index = 0;
                    h4_index = 0;
                } else if ($(this).prop("tagName") == 'H3'){
                    h3_index++;
                    h4_index = 0;
                } else if ($(this).prop("tagName") == 'H4'){
                    h4_index++;
                }
                
                
                if ($(this).is('h2')){
                    $(this).prepend("<span>"+ h2_index  +". </span>");
                }
                if ($(this).is('h3')){
                    $(this).prepend("<span>"+ h2_index + "." + h3_index  +". </span>");
                }
                if ($(this).is('h4')){
                    $(this).prepend("<span>"+ h2_index + "." + h3_index + "." + h4_index  +". </span>");
                }
            })
        })